<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<form action="" enctype="application/x-www-form-urlencoded">2</form>
<form enctype="multipart/form-data">1</form>
<form enctype="application/json">3</form>

<body>

  <script>
    /*
       目标: 使用xhr发起POST请求 
             接口地址: http://www.liulongbin.top:3009/api/post
             请求体数据格式为JSON数据
    */
    //JS对象
    let abc = {
      game_id: 4,
      type:'2'
    }

    // 1.创建一个xhr对象
    let xhr = new XMLHttpRequest()

    // 2.设置请求方式和请求地址
    xhr.open('post','https://api.mengzuhao.cn/v1/topic/lists')

    // 3.在请求头中, 设置请求体数据类型Content-Type的编码格式 => json
    xhr.setRequestHeader('Content-Type','application/json')

    // 4.发送请求 xhr.send(请求体)
    xhr.send(JSON.stringify(abc))

    // 5.监听load(请求成功)事件
    xhr.addEventListener('load',function(){
      console.log(JSON.parse(xhr.response));
    })

  </script>
</body>

</html>